<template>
	<view class="allwrap">
		<view class="title">工作计划</view>
		<view class="content">
			<view class="content-item" @click="go('/pages5/log/logEdit?logType=' + 0)">
				<view class="item-left"></view>
				<view class="item-right">
					<view class="title" style="font-size: 30rpx;margin-top: 26rpx;">日报</view>
					<view style="font-weight: 500;font-size: 24rpx;color: #666666;margin-top: 20rpx;">任务名称</view>
					<view style="font-weight: 400;font-size: 20rpx;color: #AAAAAA;margin-top: 10rpx;">请输入</view>
					<view style="font-weight: 500;font-size: 24rpx;color: #666666;margin-top: 20rpx;">问题描述</view>
					<view style="font-weight: 400;font-size: 20rpx;color: #AAAAAA;margin-top: 10rpx;">请输入</view>
					<view style="font-weight: 500;font-size: 24rpx;color: #666666;margin-top: 20rpx;">解决方案</view>
					<view style="font-weight: 400;font-size: 20rpx;color: #AAAAAA;margin-top: 10rpx;">请输入</view>
				</view>
			</view>
			<view class="content-item" style="margin-left: 32rpx;" @click="go('/pages5/log/logEdit?logType=' + 0)">
				<view class="item-left" style="background: #FF9800;"></view>
				<view class="item-right">
					<view class="title" style="font-size: 30rpx;margin-top: 26rpx;">周报</view>
					<view style="font-weight: 500;font-size: 24rpx;color: #666666;margin-top: 20rpx;">任务名称</view>
					<view style="font-weight: 400;font-size: 20rpx;color: #AAAAAA;margin-top: 10rpx;">请输入</view>
					<view style="font-weight: 500;font-size: 24rpx;color: #666666;margin-top: 20rpx;">问题描述</view>
					<view style="font-weight: 400;font-size: 20rpx;color: #AAAAAA;margin-top: 10rpx;">请输入</view>
					<view style="font-weight: 500;font-size: 24rpx;color: #666666;margin-top: 20rpx;">解决方案</view>
					<view style="font-weight: 400;font-size: 20rpx;color: #AAAAAA;margin-top: 10rpx;">请输入</view>
				</view>
			</view>
			<view class="content-item" @click="go('/pages5/log/logEdit?logType=' + 0)">
				<view class="item-left" style="background: #1591F0;"></view>
				<view class="item-right">
					<view class="title" style="font-size: 30rpx;margin-top: 26rpx;">月报</view>
					<view style="font-weight: 500;font-size: 24rpx;color: #666666;margin-top: 20rpx;">任务名称</view>
					<view style="font-weight: 400;font-size: 20rpx;color: #AAAAAA;margin-top: 10rpx;">请输入</view>
					<view style="font-weight: 500;font-size: 24rpx;color: #666666;margin-top: 20rpx;">问题描述</view>
					<view style="font-weight: 400;font-size: 20rpx;color: #AAAAAA;margin-top: 10rpx;">请输入</view>
					<view style="font-weight: 500;font-size: 24rpx;color: #666666;margin-top: 20rpx;">解决方案</view>
					<view style="font-weight: 400;font-size: 20rpx;color: #AAAAAA;margin-top: 10rpx;">请输入</view>
				</view>
			</view>
			<view class="content-item" style="display: flex;flex-direction: column;align-items: center;justify-content: center;margin-left: 32rpx;" @click="go('/pages5/log/logEdit?logType=' + 1)">
				<image src="/static/user/log.png" style="width: 55rpx;height: 68rpx;"></image>
				<view style="font-weight: 400;font-size: 40rpx;color: #8F8F8F;margin-top: 23rpx;">工作日志</view>
			</view>
		</view>
		<!-- 电话提示滑动快 -->
		<movablearea1 :movaheight="movaheightAll" v-if="movableareaShow" @editMovaheightAll="editMovaheightAll" :movaTop="movaTopAll"></movablearea1>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
	.title{
		margin-top: 25rpx;
		font-weight: 600;
		font-size: 36rpx;
		color: #000000;
	}
	.content{
		display: flex;
		flex-wrap: wrap;
	}
	.content-item{
		margin-top: 41rpx;
		width: 327rpx;
		height: 366rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 1rpx 10rpx 1rpx rgba(0,0,0,0.16);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		display: flex;
	}
	.item-left{
		width: 13rpx;
		height: 366rpx;
		background: #4CAF50;
		border-radius: 16rpx 0rpx 0rpx 16rpx;
	}
	.item-right{
		margin-left: 19rpx;
	}
</style>
